<!--
 * @Author: your name
 * @Date: 2021-08-13 14:25:14
 * @LastEditTime: 2021-08-16 08:59:25
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \杰普\星巴克后台管理\employee.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员管理</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./employee.css">
    <link rel="stylesheet" href="./common.css">
</head>
<body>
    <div id="head">
        <div class="logo">
            <img src="./images/logo.jpg" alt="">
            <b>简书会员后台管理系统<sup>TM</sup></b>
        </div>
        <button type="button" class="btn btn-success">退出</button>
    </div>
    <div class="bottom">
        <div id="section">
            <a href="#" class="list-group-item">
                用户管理
            </a>
            <a href="#" class="list-group-item">会员管理</a>
            <a href="#" class="list-group-item">订单管理</a>
            <a href="#" class="list-group-item">会员专享</a>
            <a href="#" class="list-group-item">会员积分管理</a>
        </div>
        <div id="content">
            <div class="content-btn">
                <button class="btn btn-default btn-lg" data-toggle="modal" data-target="#myModal">
                    会员新增
                </button>
            </div>
            

            <!-- 添加员工模态框 -->
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" 
                                        aria-hidden="true">×
                                </button>
                                <h4 class="modal-title" id="myModalLabel">
                                    注册会员
                                </h4>
                            </div>
                            <div class="modal-body">
                                <form class="bs-example bs-example-form zw" role="form">
                                    <div class="form-group">
                                        <label for="name">姓名：</label>
                                        <input type="text" class="form-control" placeholder="请输入姓名">
                                        <div class="radio">
                                            <label for="optionsRadios"><b>性别：</b> </label>
                                            <label>
                                                <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 男
                                            </label>
                                            <label>
                                                <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">女
                                            </label>
                                        </div>
                                        <label for="name">电话号码：</label>
                                        <input type="text" class="form-control" placeholder="请输入电话">
                                        <label for="name">注册时间：</label>
                                        <input type="text" class="form-control" placeholder="请输入开通时间">
                                        <label for="name">e-mail：</label>
                                        <input type="text" class="form-control" placeholder="请输入电子邮箱">
                                    </div>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="input-group">
                                                <div class="input-group-btn">
                                                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                                        会员级别
                                                        <span class="caret"></span>
                                                    </button>
                                                    <ul class="dropdown-menu">
                                                        <li><a href="#">黑金会员</a></li>
                                                        <li><a href="#">铂金会员</a></li>
                                                        <li><a href="#">黄金会员</a></li>
                                                        <li class="divider"></li>
                                                        <li><a href="#">普通会员</a></li>
                                                    </ul>
                                                </div><!-- /btn-group -->
                                                <input type="text" class="form-control">
                                            </div><!-- /input-group -->
                                        </div><!-- /.col-lg-6 --><br>
                                    </div><!-- /.row -->
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" 
                                        data-dismiss="modal">关闭
                                </button>
                                <button type="button" class="btn btn-primary">
                                    提交更改
                                </button>
                            </div>
                        </div><!-- /.modal-content -->
                    </div><!-- /.modal-dialog -->
                </div><!-- /.modal -->
            <table class="table table-striped">
                <caption>会员管理</caption>
                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>电话号码</th>
                        <th>会员级别</th>
                        <th>注册时间</th>
                        <th>email</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>尚克</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>黑金会员</td>
                        <td>2016.7.6</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>江江</td>
                        <td>女</td>
                        <td>13609341913</td>
                        <td>铂金会员</td>
                        <td>2016.7.6</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>元芳</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>黄金会员</td>
                        <td>2019.09.11</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>蒹葭</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>普通会员</td>
                        <td>2020.10.08</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>李青</td>
                        <td>女</td>
                        <td>13609341913</td>
                        <td>黑金会员</td>
                        <td>2012/06/12</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>铠</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>普通会员</td>
                        <td>2019.03.18</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>尚克</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>黑金会员</td>
                        <td>2016.7.6</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>江江</td>
                        <td>女</td>
                        <td>13609341913</td>
                        <td>铂金会员</td>
                        <td>2016.7.6</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>元芳</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>黄金会员</td>
                        <td>2019.09.11</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>蒹葭</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>普通会员</td>
                        <td>2020.10.08</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>李青</td>
                        <td>女</td>
                        <td>13609341913</td>
                        <td>黑金会员</td>
                        <td>2012/06/12</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>铠</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>普通会员</td>
                        <td>2019.03.18</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>尚克</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>黑金会员</td>
                        <td>2016.7.6</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>江江</td>
                        <td>女</td>
                        <td>13609341913</td>
                        <td>铂金会员</td>
                        <td>2016.7.6</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>元芳</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>黄金会员</td>
                        <td>2019.09.11</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>蒹葭</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>普通会员</td>
                        <td>2020.10.08</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>李青</td>
                        <td>女</td>
                        <td>13609341913</td>
                        <td>黑金会员</td>
                        <td>2012/06/12</td>
                        <td>123456@163.com</td>
                    </tr>
                    <tr>
                        <td>铠</td>
                        <td>男</td>
                        <td>13609341913</td>
                        <td>普通会员</td>
                        <td>2019.03.18</td>
                        <td>123456@163.com</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>
